<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">

</head>
<body class="text-center container">

<form class="form-signin" method="post" action="/user/login/">
    {% csrf_token %}
    <img class="mb-4" src="https://getbootstrap.com/docs/4.0/assets/brand/bootstrap-solid.svg" alt="" width="72"
         height="72" style="margin-top: 50px">
    <h1 class="h2 mb-3 font-weight-normal" style="height: 50px">请登录</h1>
    <label for="inputEmail" class="sr-only" style="margin-top: 20px">账号</label>
    <input type="text" id="text" name="phone" class="form-control" placeholder="请输入账号" required="" autofocus="">
    <label for="inputPassword" class="sr-only">密码</label>
    <input type="password" id="inputPassword" name="pwd" class="form-control" placeholder="请输入密码" required=""
           style="margin-top: 20px">
    <div class="checkbox mb-1" style="margin-top: 20px">
        <label>
            <input type="checkbox" value="remember-me"> 记住密码
        </label>
    </div>
    <button class="btn btn-lg btn-primary btn-block" type="submit"  style="margin-top: 20px">登录</button>
    <p class="mt-5 mb-3 text-muted" style="margin-top: 30px">© 2024</p>
</form>


<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
